<template>

    <!--0: 普通新闻-->
    <!--1: 专题-->
    <!--2: 图集-->
    <!--3: 活动-->
    <!--4: 本地-->
    <!--5: 独家-->
    <!--6: 热门-->
    <!--7: 推荐-->
    <!--8: 视频-->
    <!--9: 广告-->
    <!--10: 原创-->
    <!--11: 天下-->
    <!--12: 吃-->
    <!--13: 耍-->
    <!--14: 推广-->
    <!--15：话题-->
    <!--16: 公告-->
    <!--17: 奥运-->
    <span :class="[type==1||type==3?typeRed:'',typeClass]" v-if="type!=0">{{typeTXT}}</span>

</template>

<style lang="scss" scoped>

    .typeRed {
        border: solid 1px red !important;
        color: red !important;
    }

    span {
        border-radius: 10%;
    }

</style>

<script>
    export default {
        name: "ui-type",
        props: {type: [String, Number], typeClass: String},
        data: function () {
            return {
                typeRed: "typeRed"
            }
        },
        computed: {
            typeTXT: function () {
                let msg = "普通新闻";
                switch (this.type) {
                    case 0:
                        msg = "普通新闻";
                        break;
                    case 1:
                        msg = "专题";
                        break;
                    case 2:
                        msg = "图集";
                        break;
                    case 3:
                        msg = "活动";
                        break;
                    case 4:
                        msg = "直播";
                        break;
                    case 5:
                        msg = "独家";
                        break;
                    case 6:
                        msg = "热门";
                        break;
                    case 7:
                        msg = "推荐";
                        break;
                    case 8:
                        msg = "视频";
                        break;
                    case 9:
                        msg = "广告";
                        break;
                    case 10:
                        msg = "原创";
                        break;
                    case 11:
                        msg = "天下";
                        break;
                    case 12:
                        msg = "吃";
                        break;
                    case 13:
                        msg = "耍";
                        break;
                    case 14:
                        msg = "推广";
                        break;
                    case 15:
                        msg = "话题";
                        break;
                    case 16:
                        msg = "公告";
                        break;
                    case 17:
                        msg = "奥运";
                        break;
                }
                return msg;
            }
        }
    }


</script>
